<template>
  <div class="sign-contract-wrapper">
    <div class="list" id="contractList">
      <div class="item">
        <div class="icon icon1" style="background-color: rgb(0, 69, 173);"></div>
        <div class="text">生成合同</div>
      </div>
      <div class="line" style="background-color: rgb(0, 69, 173);"></div>
      <div class="item">
        <div class="icon icon2" style="background-color: rgb(0, 69, 173);"></div>
        <div class="text">签署合同</div>
      </div>
      <div class="line"></div>
      <div class="item">
        <div class="icon icon3"></div>
        <div class="text">签署完成</div>
      </div>
    </div>
    <div class="contract-hint">
      <p>①.为保障您的合法权益，请及时签署电子合同；</p>
      <p>②.合同签署依据《 合同法 》、《 电子签名法 》流程规范， 嵌入国家认证CA机构证书系统， 并采用第三方授时及防篡改技术， 确保电子合同具有与传统纸质合同等同的法律效力；</p>
      <p>③.木头云的电子合同技术服务由杭州尚尚签网络科技有 限公司提供。</p>
    </div>
    <a href="javascript:;" class="weui-btn" id="signContract">签署合同</a>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="scss" scoped>
.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0.7rem 0;
  padding-bottom: 0.6rem;
  padding-top: 0.5rem;
  .item {
    position: relative;
  }
  .line {
    width: 1.78rem;
    min-height: 1px;
    height: 0.02rem;
    margin: 0 0.08rem;
    background-color: #f5f5f9;
  }
}
.contract-hint {
  padding: 0 0.24rem;
  line-height: 30px;
  color: #8e8e8e;
  border-left: 0.04rem solid #e6e6f1;
  background-color: #f7f7fc;
  margin: 0.24rem;
  color: #111;
}
</style>
